<!DOCTYPE html>
<html lang="en">

<head>
    <title></title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="css/style.css" rel="stylesheet">
    <style>
        * {
            list-style: none;
        }

        .top {
            width: 1100px;
            height: 80px;
            border: 1px solid #333;
            margin: 20px auto;
        }
        .logo,.nav,.tel{
            float: left;
        }

        .nav {
            width: 700px;
            height: 40px;
            margin-top: 6px;
        }

        .nav ul li{
            width: 90px;
            float: left;
        }

        .nav ul li a {
            font-size: 14px;
            color: #333;
            text-decoration: none;
            display: block;
            background: url(img/dh02.gif) no-repeat right center;
            text-align: center;
            padding-right:10px;
        }


        
        .nav ul li a:hover{
            background-image: url(img/dh02.gif);
            color:#35858e;
        }
        .nav ul li:nth-child(7) a{
            background: none;
        }
        .nav ul li span {
            font-size: 12px;
            color: #ccc;
            display: block;
        }
        .nav ul li a:hover span {
            color:#35858e;
        }
    </style>

</head>

<body>
    <div class="box"> </div>

    <div class="top">
        <div class="logo">
            <img src="img/dh01.gif" alt="">
        </div>
        <div class="nav">
            <ul>
                <li>
                    <a href="#">
                        网站首页
                        <span>HOME</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        特色内景
                        <span>INDOORS</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        特色外景
                        <span>OUTDOORS</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        客片欣赏
                        <span>SHOWCASE</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        优惠活动
                        <span>ACTMTIES</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        关于苏菲雅
                        <span>ABOUT US</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        联系我们
                        <span>CONTACTUS</span>
                    </a>
                </li>
            </ul>
        </div>
        <div class="tel">
            <p>咨询热线：</p>
            <h3>4000888666</h3>
        </div>
    


</body>

</html>